// 入口函数
$(function () {
    //a: 调用方法,获取用户的数据渲染到页面
    getUserInfo()
    // b:为退出按钮添加事件
    $('#btnLogoUot').on('click', logoOut);
})

// 1.封装获取登录用户信息的方法-------------------------
function getUserInfo() {
    //a:发送异步请求
    $.ajax({
        url: '/my/userinfo',
        method: 'GET',
        // headers: {
        //     Authorization: localStorage.getItem('token'),
        // },
        // success响应报文中,协议状态码为200时调用
        success: function (res) {
            //b:如果身份认证失败,则直接退出
            if (res.status !== 0) return
            //c:如果认证成功,则 将返回登录用户信息 渲染到页面
            renderInfo(res.data)
        }
    })
}

// 2.渲染头像区域------------------------------------------
function renderInfo(usrInfo) {
    // a:获取显示的 名称(昵称/登录名)
    const usrName = usrInfo.nickname || usrInfo.username;
    //b:显示名称
    $('#welcome').html('欢迎&nbsp;&nbsp;' + usrName)
    //b:渲染图片头像
    if (usrInfo.user_pic) {
        // b1:设置并显示图片头像
        $('.layui-nav-img').attr('src', usrInfo.user_pic).show();
        //b2:隐藏文字头像
        $('.text-avatar').hide();
    } else {//渲染文字头像
        // b3.设置并显示图片头像
        $('.layui-nav-img').hide();
        // b4."隐藏文字头像
        $('.text-avatar').text(usrName[0].toUpperCase()).show();
    }
}

//3.推出按钮点击事件处理函数--------------------------------
function logoOut() {
    //a:你确定要删除吗
    layui.layer.confirm('你确定要退出吗?', { icon: 3, title: '系统提示' }, function (index) {
        // b:删除本地的token
        localStorage.removeItem('token');
        //c:跳转到登陆界面,使用replace方法,跳转不会产生浏览器记录的
        location.replace('/home/login.html')
        //d:关闭当前确认框
        layer.close(index);
    })
}